var viewport =  new Ext.Viewport({
    layout:'border',
    renderTo:Ext.getBody(),
    items:[{
        region:'north',
        xtype:'panel',
        html:'North'
    },{ region:'west',
        xtype:'panel',
        split:true,
        collapsible:true,
        collapseMode:'mini',
        width:200,
        html:'west'
    },{ region:'center',
        xtype:'panel',
        html:'center'
    },{ region:'east',
        xtype:'panel',
        split:true,
        width:200,
        html:'east'
    },{ region:'south',
        xtype:'panel',
        html:'south'
    }]
    
    
    

});